.home_header {
    width: 100%;
    height: 160px;
    background-image: linear-gradient(to bottom, #1e6fff, #669cff, #eee);

}

.miaoshou_doctor {
    width: 100%;
        height: 45px;
    background-image: linear-gradient(to bottom, #1e6fff, #578ff9);
    color: #fff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 999;
}

h3 {
    font-weight: normal;
}

.home_search_box {
    width: 100%;
    height: 34px;
    /* background-color: red; */
    margin-top: 10px;
margin-left: 10px;
}

.home_search {
    width: 90%;
    height: 30px;
    background: #eee;
    margin-left: 3%;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.5);
   
    /* position: relative; */
    /* position: sticky;
    top: 0; */
           
}

.home_search_icon {
    /* position: absolute; */
    /* top: 30px;
    left:10px; */
    /* font-size: 16px; */
    color: #fff;
  /* margin-top: 30px; */
}

.home_search_input {
    margin-top: -15px;
    width: 90%;
    height: 25px;
    border: none;
    outline: none;
    background: none;
    margin-left: 21px;
    font-size: 12px;
    color: #666;
    line-height:  25px; 
}

.hezi {
    position: absolute; 
   top: 27vw;
    width: 92%;
     height: 240px;
}

/* 我要问专家 */
.expert {
    width: 92vw;
    margin-left: 4vw;
    margin-top: 31vh;
    background: #fff;
    border-radius: 1vh;
    /* height: 50vh; */
    /* overflow: hidden;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); */
    /* background-color: red; */

    h3 {
       width: 88vw;
        height: 6vh;
        padding-left: 4vw;
        line-height: 6vh;
        font-size: 4.2vw;
        font-weight: 900;
        display: flex;
        justify-content: space-between;
        /* background-color: red; */

        li {
            width: 12vw;
            height: 3vh;
            line-height: 3vh;
            float: right;
            margin-right: 4vw;
            background: rgb(204, 204, 204, 0.4);
            margin-top: 1.5vh;
            margin-right: 8vw;
            border-radius: 4vh;
            font-size: 12px;
            font-weight: normal;
            text-align: center;
        }
    }

    .doctor {
        width: 100%;
        padding-top: 1vh;
        height: 32vh;
        border-bottom: 1px solid rgb(204, 204, 204, .6);
        /* background-color: red; */

        /* 医生信息 */
        .doctor_information {
            width: 20%;
            height: 100%;
            float: left;

            .avatar {
                width: 17.8vw;
                height: 100%;

                img {
                    width: 80%;
                    height: 14vw;
                    margin-top: 10%;
                    margin-left: 10%;
                    border-radius: 50%;
                }
            }
        }
    }

    .doctor_name {
        float: left;
        ;
        height: 100%;
        width: 80%;

        p {
            width: 97%;
            height: 4vh;
            line-height: 4vh;
            margin-top: 1vw;
            padding-left: 3%;

            li {
                float: left;
                height: 4vh;
                line-height: 4vh;
            }

            .name {
                font-size: 14px;
                font-weight: 900;
            }

            .post {
                font-size: 10px;
                margin-left: 5px;
                line-height: 4.6vh;
               
            }

            .logo {
                margin-left: 2vw;
                background: rgb(4, 189, 4);
                color: #fff;
                border-radius: 1vw;
                height: 3vh;
                line-height: 3vh;
                margin-top: .5vh;
                padding-left: 1vw;
                padding-right: 1vw;
            }

            .hospital {
                font-size: 14px; 
            }

            .ke {
                font-size: 14px;
                margin-left: 2vw;
            }
        }

        .type {
            width: 100%;
            height: 4vh;

            li {
                float: left;
                margin-left: 2vw;
                font-size: 12px;
                font-weight: 900;
                background: rgba(39, 97, 245, 0.2);
                height: 4vh;
                line-height: 4vh;
                width: 18vw;
                text-align: center;
                border-radius: 1vh;
            }

            .photo {
                background: rgba(39, 97, 245, 0.2);
                color: rgb(86, 86, 247);
            }

            .phone {
                background: rgb(34, 247, 11, .2);
                color: rgb(3, 191, 3);
            }

            .video {
                background: rgb(1, 227, 253, .2);
                color: #06c8dd;
            }
        }

        .good {
            margin-top: 1.5vh;
            height: 3vh;
            line-height: 2.5vh;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .assessment {
            width: 100%;
            height: 4vh;
            margin-top: 1vh;

            li {
                float: left;
                font-size: 12px;
                margin-left: 2vw;
                font-size: 14px;
            }

            .color {
                color: rgb(240, 121, 36);
                margin-left: 0;
                font-weight: 900;
            }
        }

        .about_price {
            width: 100%;
            height: 6vh;
            margin-top: 1vh;

            .price_num {
                float: left;

                li {
                    float: left;
                    height: 6vh;
                    line-height: 6vh;
                }

                .num {
                    font-size: 16px;
                    color: rgb(240, 121, 36);
                    font-weight: 900;
                    line-height: 5.5vh;
                }

                .q {
                    color: rgb(240, 121, 36);
                    font-weight: 600;
                }

                .qi {
                    color: #ccc;
                    margin-left: 1vw;
                }
            }

            button {
                float: right;
                margin-right: 5vw;
                width: 18vw;
                height: 5vh;
                background: rgb(50, 63, 253);
                border: none;
                color: white;
                border-radius: 1vh;
            }
        }
    }
}

img {
    width: 20px;
    height: 20px;
}

body {
    background: #f5f5f5;
}

.ForyouBox {
    width: 92vw;
    height: 100%;
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 4vw;
    margin-top: 14px;
    border-radius: 1vh;

}

.Foryou_title {
    width: 100%;
    height: 4vh;
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}
.Foryou_title h2{
    margin-left: 20px;
}


.textdescword {
    width: 95%;
    height: 9vh;
    overflow: hidden;
    text-overflow: ellipsis;

}

.doctorname {
   margin-left: -9vw;
}

.doctorstate {
        margin-left: 1vw;
 
}

.avatars {
      margin-left: -10vw;
}
.texts{
    margin-left: 20px;
}
.maiyao {
    width: 92vw;
    height: 100%;
    background: #fff;
 
    /* padding-top: 12px; */
    padding-bottom: 10px;
    margin-left: 4vw;
    margin-top: 14px;
    border-radius: 1vh;

}

.maiyao_title {
    width: 100%;
    height: 100%;
    /* background: #fff; */
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #f5f5f5;
       /* background-color: red; */
}